<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="UTF-8"%>
<%@include file="/lib/common/basedir.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@include file="/lib/common/headerResource.html"%>

<!--sidebar-->
<link href="<%=basedir%>/lib/css/sidebar.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" href="css/style.css">

<title>DessertHouse</title>

<style>
img{
	width:250px;
}
</style>

</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<!--左侧导航-->
			<div class="col-sm-3 col-md-2 sidebar">
				<%@include file="/member/sidebar.jsp"%>
			</div>

			<!--右面板-->
			<div
				class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 rightPanel">
				<div class="row">
					<h1 class="page-header text-primary">甜品预定</h1>
				</div>
				<div class="col-md-10">
					<div class="row">
						<div class="col-sm-6 col-md-4">
							<div class="container4">
								<img src="<%=basedir%>/img/1.jpg"
									alt="Generic placeholder thumbnail">
							</div>
						</div>
						
						<div class="col-sm-6 col-md-4">
							<div class="container4">
								<img src="<%=basedir%>/img/2.jpg"
									alt="Generic placeholder thumbnail">
							</div>
						</div>
						
						<div class="col-sm-6 col-md-4">
							<div class="container4">
								<img src="<%=basedir%>/img/3.jpg"
									alt="cheese souffle ">
							</div>
						</div>
					</div>
					
					<div class="row" style="margin-top:3em">
						<div class="col-sm-6 col-md-4">
							<div class="container4">
								<img src="<%=basedir%>/img/4.jpg"
									alt="Generic placeholder thumbnail">
							</div>
						</div>
						
						<div class="col-sm-6 col-md-4">
							<div class="container4">
								<img src="<%=basedir%>/img/5.jpg"
									alt="Generic placeholder thumbnail">
							</div>
						</div>
						
						<div class="col-sm-6 col-md-4">
							<div class="container4">
								<img src="<%=basedir%>/img/6.jpg"
									alt="cheese souffle ">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!-- jquery and bootstrap js -->
	<%@include file="/lib/common/footerResource.html"%>

	<script src="js/ns.hover.min.js"></script>
	<script>
	window.onload = function(){
		$.noConflict();
		jQuery(document).ready(function($){
			$('.container4').nsHover({
	            bgcolor: '#000',
	            bganim : 'fade',
	            bgpic: '',
	            content: '<div class="content"><h3>cheese souffle</h3><p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. </p><a href="#" class="btn btn-info" role="button">reserve</a> </div>'
			});

		});
	}
	</script>
	
</body>
</html>